import { useContext } from "react";

function Child2(props){
    return(
        <div>
            <h3>孙子组件 -- {props.data}</h3>
        </div>
    )
}

function Child1(props){
    return(
        <div>
            <h2>子组件 -- {props.data}</h2>
            <Child2 data={props.data} />
        </div>
    )
}

function App(){
    const num = 100
    return(
        <div>
            <h1>父组件</h1>
            <Child1 data={num} />   
        </div>
    )
}

export default App;